<template>
	<span class="free-badge " :class="badgeClass" :style="badgeStyle">{{value}}</span>
</template>

<script>
	export default {
		props: {
			badgeClass: {
				type: String,
				default: ""
			},
			badgeStyle:{
				type:String,
				default:""
			},
			value:{
				type:[Number,String],
				default:""
			}
		},
	}
</script>

<style scoped lang="scss">
	.free-badge{
    color: #fff;
    font-size: 14px;
    //height: 16px;
    line-height: 16px;
    padding: 0 5px;
    background-color: #FF4949;
    border-radius: 8px;


	}
</style>
